<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a4j="http://richfaces.org/a4j" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich">

	<ui:define name="body">
	 <rich:modalPanel id="panel" width="350" height="100">
		<f:facet name="header">
			<h:panelGroup>
				<h:outputText value="Eliminar Registro del diccionario"></h:outputText>
			</h:panelGroup>
		</f:facet>
		<f:facet name="controls">
			<h:panelGroup>
				<h:graphicImage value="/images/modal/close.png"
					style="cursor:pointer" id="hidelink" />
				<rich:componentControl for="panel" attachTo="hidelink"
					operation="hide" event="onclick" />
			</h:panelGroup>
		</f:facet>
		<h:panelGrid columns="1">
			<h:outputText
				value="Si continua se eliminará el registro seleccionado"></h:outputText>
			<br />
		</h:panelGrid>
		<h:panelGrid columns="3">
			<h:outputLink value="#" id="acep">
				<a4j:commandButton value="Aceptar"
					action="#{mantPremios.eliminar}"
					reRender="tablaDiccionario"></a4j:commandButton>
				<rich:componentControl for="panel" attachTo="acep" operation="hide"
					event="onclick" />
			</h:outputLink>
			<rich:spacer style="Width:100px;">
			</rich:spacer>
			<h:outputLink value="#" id="cancel">
				<h:commandButton value="Cancelar"></h:commandButton>
				<rich:componentControl for="panel" attachTo="cancel"
					operation="hide" event="onclick" />
			</h:outputLink>
		</h:panelGrid>
		</rich:modalPanel>
		<rich:modalPanel id="panel2" width="350" height="100">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Editar Registro del diccionario"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/modal/close.png"
						style="cursor:pointer" id="hidelink2" />
					<rich:componentControl for="panel2" attachTo="hidelink2"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:panelGrid columns="1">
				<h:outputText
					value="Si continua se editará este premio"></h:outputText>
				<br />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<h:outputLink value="#" id="acep2">
					<a4j:commandButton value="Aceptar"
						action="#{mantPremios.editar}"
						reRender="edicion"></a4j:commandButton>
					<rich:componentControl for="panel2" attachTo="acep2" operation="hide"
						event="onclick" />
				</h:outputLink>
				<rich:spacer style="Width:100px;">
				</rich:spacer>
				<h:outputLink value="#" id="cancel2">
					<h:commandButton value="Cancelar"></h:commandButton>
					<rich:componentControl for="panel2" attachTo="cancel2"
						operation="hide" event="onclick" />
				</h:outputLink>
			</h:panelGrid>
		</rich:modalPanel>
		<rich:modalPanel id="panel3" width="350" height="100">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Guardar cambios en el diccionario"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/modal/close.png"
						style="cursor:pointer" id="hidelink3" />
					<rich:componentControl for="panel3" attachTo="hidelink3"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:panelGrid columns="1">
				<h:outputText
					value="Si continua se guardarán todos los cambios"></h:outputText>
				<br />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<h:outputLink value="#" id="acep3">
					<a4j:commandButton value="Aceptar"
						action="#{mantPremios.guardar}"
						reRender="panelPremio,edicion"></a4j:commandButton>
					<rich:componentControl for="panel3" attachTo="acep3" operation="hide"
						event="onclick" />
				</h:outputLink>
				<rich:spacer style="Width:100px;">
				</rich:spacer>
				<h:outputLink value="#" id="cancel3">
					<h:commandButton value="Cancelar"></h:commandButton>
					<rich:componentControl for="panel3" attachTo="cancel3"
						operation="hide" event="onclick" />
				</h:outputLink>
			</h:panelGrid>
		</rich:modalPanel>

		<h:panelGrid columns="1" id="mensaje">
			<h:messages id="mensajes" />
		</h:panelGrid>
		<rich:spacer height="10px;"></rich:spacer>

			<h:panelGrid columns="1" id="panelPremio">
				<h:panelGrid columns="1" style="text-align:center"
					rendered="#{listaPremios!=null and listaPremios.rowCount>0}">
					<rich:dataTable id="tablaDiccionario" value="#{listaPremios}" var="dic"
						onRowMouseOver="this['cssoriginal']=this.style.backgroundColor;this.style.backgroundColor='#C1E6EE';"
						onRowMouseOut="this.style.backgroundColor=this['cssoriginal'];"
						rowClasses="fila_impar,fila_par" cellpadding="0" cellspacing="0"
						width="880px" rows="10">
						<f:facet name="header">
							<rich:columnGroup style="font-weight: bold;width:100%;">

								<rich:column style="text-align:left;">
									<h:outputText value="Registro" />
								</rich:column>
								<rich:column style="text-align:left;">
									<h:outputText value="Editar" />
								</rich:column>
								<rich:column style="text-align:left;">
									<h:outputText value="Eliminar" />
								</rich:column>

							</rich:columnGroup>
						</f:facet>
						<!-- fila 1 -->
						<rich:columnGroup style="font-weight: bold;">
							<rich:column style="text-align:left;">
								<h:outputText value="#{dic.descripcion}" maxlength="49"
									styleClass="td500"></h:outputText>
							</rich:column>

							<rich:column style="text-align:left;">
								<a4j:commandButton value="" action="#{mantPremios.vacio}" id="modificar" styleClass="boton editar" title="Guardar cambios del registro" reRender="edicion">
								<rich:componentControl for="panel2" attachTo="modificar"
										operation="show" event="onclick" />
								</a4j:commandButton>
							</rich:column>

							<rich:column style="text-align:left;">
								<a4j:commandButton value="" action="#{mantPremios.vacio}" id="link" styleClass ="boton eliminar" title="Eliminar registro" reRender="edicion">
									<rich:componentControl for="panel" attachTo="link"
										operation="show" event="onclick" />
								</a4j:commandButton>
							</rich:column>

						</rich:columnGroup>
					</rich:dataTable>
					<rich:datascroller for="tablaDiccionario" renderIfSinglePage="false"/>

				</h:panelGrid>
					<h:panelGrid columns="1" style="float:left;" id="edicion">
						<h:panelGrid columns="1" rendered="#{!mantPremios.seleccionado}">
							<h:outputText value="Añadir un nuevo tipo" styleClass="th150" style="width:150px"/>
						</h:panelGrid>
						<h:panelGrid columns="1" rendered="#{mantPremios.seleccionado}">
							<h:outputText value="Editar" styleClass="th150" style="width:150px"/>
						</h:panelGrid>
						<h:panelGrid columns="4" >
							<h:outputText value="Nombre" />
							<h:inputTextarea value="#{mantPremios.premio.descripcion}" />
						</h:panelGrid>
						<a4j:commandButton styleClass="boton_peq mas" value="Añadir" action="#{mantPremios.anadir}" reRender="panelPremio,edicion"/>
						<a4j:commandButton value="Cancelar" action="#{mantPremios.cancelar}" reRender="panelPremio,edicion"/>
					</h:panelGrid>
			</h:panelGrid>
	</ui:define>

	<ui:define name="botonera">
	<h:panelGrid columns="7" id="botones" styleClass="botones">
			<h:panelGrid columns="1">
		<a4j:commandButton value="" action="#{mantPremios.vacio}" styleClass="boton guardar" reRender="panelPremio,edicion" id="link2">
		<rich:componentControl for="panel3" attachTo="link2"
										operation="show" event="onclick" />
		</a4j:commandButton>
			<h:outputText value="Guardar" styleClass="boton_texto" />
			</h:panelGrid>
		</h:panelGrid>
</ui:define>

</ui:composition>